<template>
    <el-card body-style="padding:0 !important">
        <template #header>
            <div class="card-header">
                <span>本单位警务情况</span>
            </div>
        </template>
        <el-descriptions size="small" border :column="2">
            <!--            <el-descriptions-item label="在办案房间:" :span="2">{{ statistics.roomCount }} 个</el-descriptions-item>-->
            <el-descriptions-item label="在办案房间">{{ (statistics.roomCount + statistics.placeCount) }} 个
            </el-descriptions-item>
            <el-descriptions-item label="执勤法警">{{ statistics.sendPoliceCount }} 人</el-descriptions-item>
            <el-descriptions-item label="办案超时">{{ statistics.overTime }} 起</el-descriptions-item>
            <el-descriptions-item label="违纪违规">{{ statistics.vioCount }} 起</el-descriptions-item>
        </el-descriptions>
    </el-card>
</template>

<script setup>
import {getDepartmentPoliceSituationStatistics} from "@/api/Dashboard/DepartmentPoliceSituation.js";

const statistics = ref({})

const getStatistics = async () => {
    const res = await getDepartmentPoliceSituationStatistics();
    statistics.value = res.data
}
onMounted(() => {
    getStatistics()
})


</script>

<style scoped lang="scss">
:deep(.el-card__header) {
    padding: 5px 10px 5px !important;
    min-height: auto;
    font-size: 14px;
}
</style>